<div class="here-you-are">
	<ul>
		<li><?php echo $province -> province_name; ?></li>
	</ul>
</div>
<div class="span7">
	<?php 
		$img = "";
		$title = "";
		if($province -> alias == "bonteaymeanchey"){
			$img = "provinces/Banteay-Meanchey.jpg";
			$title = "Banteay Meanchey Map";
		}elseif($province -> alias == "battambang"){
			$img = "provinces/Battambang.jpg";
			$title = "Battambang Map";
		}elseif($province -> alias == "siemreap"){
			$img = "provinces/Siem-Reap.jpg";
			$title = "Siemreap Map";
		}elseif($province -> alias == "odormeanchey"){
			$img = "provinces/odor-meanchey.jpg";
			$title = "Odor Meanchey Map";
		}elseif($province -> alias == "pursat"){
			$img = "provinces/Pursat.jpg";
			$title = "Pursat Map";
		}elseif($province -> alias == "pailin"){
			$img = "provinces/Pailin.jpg";
			$title = "Pailin Map";
		}
	?>
	<img src="<?php echo IMG . $img; ?>" alt="<?php echo $title; ?>" title="<?php echo $title;?>" border="0" usemap="#Map" class="cambodia-map" id="mapImage">
	<map name="Map" id="Map">
    	<?php 
			foreach($records as $record){				
				echo '<area onclick="ingore(event)" shape="' . $record -> shape . '" coords="' . $record -> lat_lon . '" href="' . GetController('url') . 'get-depot?sb_depId=' . $record -> id . '" id="' . $record -> id . '" class="jTip area_' . $record -> id . '" data-maphilight=\'{"strokeColor":"0000ff","strokeWidth":1,"fillColor":"' . $record -> color . '","fillOpacity":0.6}\' alt="' . $record -> district_name . '">';
			}
		?>      
    </map>
</div>
<div class="span2">
	<div class="map-info">
		<ul class="ul-info-list">
			<?php 
				foreach($records as $record){
					echo '<li><a href="' . GetController('url') . 'provinces?sb_proId=' . $record -> province_id . '&sb_disId=' . $record -> id . '" id="area_' . $record -> id . '" class="province-name">' . $record -> district_name . '</a></li>';
				}
			?>			
		</ul>
	</div>
</div>